<template>
	<view>
		<u-navbar title-bold  title-color="#333" title-size="36" title="新人指导详情"></u-navbar>
		<view class="shipin-div" >
			<view class="font_weight font_18_333">
				{{datadetail.title}}
			</view>
			<view class="pro-img flex flex_cen u-m-t-32">
				<video class="pro-item-img" :poster="datadetail.thumb" :src="datadetail.video" controls></video>
				<!-- <image class="pro-item-img" :src="datadetail.thumb" mode="aspectFill"></image>
				<image class="pro-item-bf" src="../../../../static/img/home/bofang-icon.png" mode=""></image> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
				datadetail:[],
				
			}
		},
		onLoad(e) {
			this.datadetail = JSON.parse(e.item) 
			
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	.addimg{
		width: 100%;
		height: 384rpx;
	}
	.shipin-div{
		padding-bottom: 280rpx;
		padding: 32rpx;
		.pro-img{
			position: relative;
			width: 100%;
			// height: 1120rpx;
			border-radius: 8rpx;
			
			.pro-item-img{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 420rpx;
				border-radius: 8rpx;
				
			}
			.pro-item-bf{
				width: 80rpx;
				height: 80rpx;
			}
		}
		
		
	}
	.xx-div{
		position: fixed;
		bottom: 0;
		width: 750rpx;
		// height: 256rpx;
		background: #FFFFFF;
		box-shadow: 0rpx -2rpx 8rpx 2rpx rgba(0,0,0,0.14);
		border-radius: 16rpx 16rpx 0rpx 0rpx;
		padding: 26rpx 32rpx;
		
		.headimg{
			width: 56rpx;
			height: 56rpx;
			border-radius: 50%;
		}
		
		.lef-icon{
			width: 84rpx;
			height: 84rpx;
			
		}
		
		.m-fh{
			font-weight: bold;
			font-size: 32rpx;
			color: #FC3A30;
		}
		.m-m{
			font-weight: bold;
			font-size: 44rpx;
			color: #FC3A30;
		}
		.m-sj{
			font-size: 24rpx;
			color: #666666;
		}
		.xd-btn{
			width: 188rpx;
			height: 72rpx;
			background: linear-gradient( 180deg, #FA2D2D 0%, #F40000 100%);
			border-radius: 100rpx;
			font-weight: bold;
			font-size: 24rpx;
			color: #FFFFFF;
			text-align: center;
			line-height: 72rpx;
			
		}
	}
	.tuwen-div{
		padding-bottom: 280rpx;
		.tuwen-div-d{
			padding: 28rpx 32rpx;
			
			
			.ls-div{
				position: relative;
				width: 686rpx;
				height: 120rpx;
				background: linear-gradient( 90deg, #FFF8EF 0%, #FFFBF5 55%, #FFF8EF 100%);
				border-radius: 16rpx 16rpx 16rpx 16rpx;
				border: 2rpx solid #F4CF9C;
				padding: 18rpx 24rpx;
				.tw-lsbg{
					width: 120rpx;
					height: 120rpx;
					position: absolute;
					right: 0;
					top: 0;
				}
				.headimg{
					height: 84rpx;
					width: 68rpx;
					border-radius: 8rpx;
				}
				.h23{
					width: 24rpx;
					height: 20rpx;
				}
				.h24{
					width: 24rpx;
					height: 24rpx;
					margin-right: 8rpx;
				}
				.pf-t{
					font-size: 20rpx;
					color: #FD8643;
				}
			}
			
		}
		
	}
	

</style>
